<!DOCTYPE html>
<html>
    <head>
        <title>Image Downloader</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <div id="configuration">
            <h1>Configuration</h1>
            <div class="row">
                <span class="label" id="lblTeamOneName">Team 1 Name</span>
                <input type="text" id="txtTeamOneName" class="input"/>
            </div>
            <div class="row">
                <span class="label" id="lblTeamTwoName">Team 2 Name</span>
                <input type="text" id="txtTeamTwoName" class="input"/>
            </div>
            <div id="siteMain" class="teamInfo">
                <div class="row">
                    <span class="label" id="lblAName">Master Site</span>
                    <input type="text" id="txtAName" class="input"/>
                </div>
                <div class="row">
                    <span class="label" id="lblAValueOne">Master Site - Team 1 Odds</span>
                    <input type="text" id="txtAValueOne" class="input"/>
                </div>
                <div class="row">
                    <span class="label" id="lblAValueTwo">Master Site - Team 2 Odds</span>
                    <input type="text" id="txtAValueTwo" class="input"/>
                </div>
            </div>
            <div id="siteExternal1" class="teamInfo">
                <div class="row">
                    <span class="label" id="lblBName">Associated Site</span>
                    <input type="text" id="txtBName" class="input"/>
                </div>
                <div class="row">
                    <span class="label" id="lblBValueOne">Associated Site - Team 1 Odds</span>
                    <input type="text" id="txtBValueOne" class="input"/>
                </div>
                <div class="row">
                    <span class="label" id="lblBValueTwo">Associated Site - Team 2 Odds</span>
                    <input type="text" id="txtBValueTwo" class="input"/>
                </div>
            </div>
            <div class="row">
                <button id="btnStart" class="button">Start</button>
                <button id="btnTest" class="button">Test</button>
                <button id="btnClear" class="button">Clear</button>
            </div>
        </div>
        <div id="Process" style="display: none" class="row">
            <button id="btnStop" class="button">Stop</button>
        </div>
        <div class="row">
            <ul id="message">
            </ul>
        </div>
        <div id="response" class="row">
        </div>
        <script src="jquery-1.11.0.min.js"></script>
        <script src="common.js"></script>
        <script src="window.js"></script>
    </body>
</html>